img {
  width: 100%;
}
.article {
  width: 100%;
  background-color: #ffffff;
}
.article > img {
  width: 100vw;
  min-height: 4.22rem;
}
.article .article-center {
  background-color: #ffffff;
}
.article .article-center > p:first-child {
  font-size: 0.35rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #242424;
  margin-left: 0.45rem;
  padding-top: 0.43rem;
  margin-bottom: 0.36rem;
}
.article .article-center > p > img {
  width: 0.25rem;
  height: 0.27rem;
}
.article .article-center > p:nth-child(2) {
  font-size: 0.24rem;
  font-family: Source Han Sans CN;
  font-weight: 300;
  color: #757575;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0.42rem;
}
.article .article-center > p:nth-child(2) span {
  margin-left: 0.12rem;
}
.article .article-center .topbr {
  display: inline-block;
  width: 6.78rem;
  height: 1px;
  background: #c2c2c2;
  display: flex;
  margin-left: 0.36rem;
  margin-top: 0.35rem;
}
.article .article-center .endbr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.3rem;
  margin-top: 0.92rem;
}
.article .article-center .endbr > span {
  width: 2.9rem;
  height: 1px;
  background: #c2c2c2;
}
.article .article-center .endbr > div {
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #242424;
}
.article .article-re {
  padding: 0 0.42rem;
  padding-top: 0.63rem;
  padding-bottom: 0.64rem;
}
.article .article-re .discuss {
  background: #f8f8f8;
  border-radius: 0.1rem;
  margin: 0 auto;
  padding-left: 0.3rem;
}
.article .article-re .discuss > div {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.article .article-re .discuss > div > span {
  margin-top: 0.28rem;
}
.article .article-re .discuss > div > span:first-child {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #242424;
  white-space: nowrap;
}
.article .article-re .discuss > div > span:last-child {
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #757575;
  margin-left: 0.2rem;
}
.recommend {
  margin-top: 0.14rem;
  padding-left: 0.38rem;
  padding-right: 0.24rem;
  background-color: #ffffff;
}
.recommend > p {
  margin-left: 0.02rem;
  padding-bottom: 0.48rem;
  padding-top: 0.42rem;
  font-size: 0.28rem;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #4a4a4a;
}
.recommend .bottom_icon {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.recommend .lgimg {
  border-radius: 0.1rem !important;
}
.recommend > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.recommend > ul > li {
  width: 3.33rem;
  flex-shrink: 0;
  overflow: hidden;
}
.recommend > ul > li:nth-child(2n) {
  margin-left: 0.2rem;
}
.recommend > ul > li > img {
  width: 100%;
}
.recommend > ul > li > div {
  display: flex;
  flex-direction: column;
}
.recommend > ul > li > div > p:first-child {
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #242424;
  line-height: 0.38rem;
  margin-top: 0.2rem;
  margin-bottom: 0.23rem;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.recommend > ul > li > div > p:last-child {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.24rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #757575;
  line-height: 0.4rem;
  padding-bottom: 0.37rem;
}
.zf {
  width: 0.37rem;
  height: 0.37rem;
}
.evaluate {
  width: 7.5rem;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  height: 0.98rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.38rem;
  z-index: 2;
}
.evaluate > div {
  font-size: 0.4rem;
  display: flex;
  align-items: center;
}
.evaluate > div > img {
  margin-right: 0.15rem;
  width: 0.45rem;
  height: 0.4rem;
}
.evaluate > div > span {
  font-size: 0.2rem;
  font-weight: 500;
  color: #242424;
}
.evaluate > div:first-child {
  width: 4.46rem;
  height: 0.62rem;
  background: #eeeeee;
  border-radius: 0.31rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 0.29rem;
}
.evaluate > div:first-child > input {
  width: 100%;
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #757575;
}
.really-in {
  width: 100%;
  height: 100vh;
  display: flex;
  padding: 0 0.36rem;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.4);
}
.really-in > div {
  padding-top: 0.39rem;
  padding-bottom: 0.26rem;
  padding-left: 0.37rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ffffff;
  width: 100%;
  z-index: 100;
}
.really-in > div > img {
  width: 0.4rem;
  height: 0.35rem;
  cursor: pointer;
}
.really-in > div span {
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #757575;
  cursor: pointer;
  display: inline-block;
  line-height: 0.65rem;
  padding-left: 0.24rem;
  padding-right: 0.47rem;
}
.really-in > div > input {
  padding: 0.195rem 0;
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #979797;
  width: 5.8rem;
  height: 0.65rem;
  background: #f3f3f3;
  border-radius: 0.33rem;
  padding-left: 0.41rem;
  outline: none;
  -webkit-appearance: none;
  /*去除系统默认的样式*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* 点击高亮的颜色*/
}
.writer_list {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  outline: 0;
  transition: all 0.3s;
  pointer-events: none;
  z-index: 1;
}
.writer_list.showcontant {
  transform: translateY(0) !important;
  opacity: 1;
  transition-duration: 0.3s;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: auto;
}
.writer_list .list_title {
  width: 100%;
  font-size: 0.28rem;
  font-family: PingFang SC;
  font-weight: bold;
  color: #242424;
  height: 1rem;
  padding: 0.37rem 0.4rem;
  border-bottom: 1px solid #e8e8e8;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: #ffffff;
  display: flex;
}
.writer_list .list_title > span {
  height: 100%;
  justify-content: flex-start;
  align-items: center;
}
.writer_list .list_contain {
  background-color: #ffffff;
  height: 80%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -99rem;
}
.writer_list .list_contain .list_contain_box {
  height: calc(80vh - 2rem);
  overflow-y: scroll;
  overflow-x: hidden;
}
.fade-enter-active,
.fade-leave-active {
  transition: all 0.3s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.listData {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0.4rem;
  padding-left: 0.4rem;
}
.listData .header {
  width: 0.77rem;
  height: 0.77rem;
  background-color: red;
  flex-shrink: 0;
  border-radius: 50%;
}
.listData .right_con {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-left: 0.23rem;
  padding-bottom: 0.32rem;
  position: relative;
}
.listData .right_con.border_f::after {
  content: " ";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background: #e8e8e8;
  transform: scaleY(0.5);
}
.listData .right_con.border_s::after {
  content: " ";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 5.88rem;
  background: #e8e8e8;
  transform: scaleY(0.5);
}
.listData .right_con .person {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.listData .right_con .person .person_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 0.35rem;
}
.listData .right_con .person .person_title > img {
  width: 0.3rem;
}
.listData .right_con .person .person_title .person_title_f {
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #757575;
  width: 100%;
}
.listData .right_con .person .dz {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 0.45rem;
  padding-top: 0.16rem;
}
.listData .right_con .person .dz .person_title_l {
  font-size: 0.22rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #757575;
  position: relative;
}
.listData .right_con .list_cen {
  padding-top: 0.31rem;
  width: 100%;
  position: relative;
}
.listData .right_con .list_cen .list_cen_fir .list_cen_fir_text {
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #242424;
  line-height: 0.38rem;
  width: 100%;
  position: relative;
  height: auto;
  word-wrap: break-word;
  display: inline-block;
}
.listData .right_con .list_cen .list_cen_fir .list_cen_fir_text > span {
  display: inline-block;
}
.listData .right_con .list_cen .list_cen_fir .list_cen_fir_text > input {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.listData .right_con .list_cen .list_cen_fir .list_cen_fir_img {
  width: 2.52rem;
  height: 2.52rem;
  background-color: coral;
  border-radius: 0.16rem;
}
.listData .right_con .list_cen .list_cen_fir .hasReplay {
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #5e5e5e;
  text-align: left;
  padding-top: 0.23rem;
}
.listData .right_con .list_cen .list_cen_sec {
  padding-top: 0.3rem;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.listData .right_con .list_cen .list_cen_sec .list_cen_sec_header {
  width: 0.44rem;
  height: 0.44rem;
  background-color: coral;
  border-radius: 50%;
  flex-shrink: 0;
}
.listData .right_con .list_cen .list_cen_sec .list_cen_sec_right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  margin-left: 0.23rem;
  width: 100%;
}
.listData .right_con .list_cen .list_cen_sec .list_cen_sec_right .list_cen_sec_right_text {
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #757575;
}
.listData .right_con .list_cen .list_cen_sec .list_cen_sec_right .list_cen_sec_right_bo {
  margin-top: 0.2rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 0.35rem;
}
.listData .right_con .list_cen .list_cen_sec .list_cen_sec_right .list_cen_sec_right_bo .list_cen_sec_right_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.listData .right_con .list_cen .list_cen_sec .list_cen_sec_right .list_cen_sec_right_bo .list_cen_sec_right_bo_text {
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #242424;
}
.floor {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.2rem;
}
.floor > div {
  width: 0.6rem;
  height: 0.02rem;
  background: #e8e8e8;
}
.floor > span {
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #a1a0a0;
  display: inline-block;
  padding: 0 0.2rem;
}
.bottom_inp {
  position: fixed;
  left: 0;
  bottom: 0;
  height: 1rem;
  width: 100%;
}
.bottom_inp > div {
  border-top: 2px solid #e8e8e8;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.38rem;
  background: #ffffff;
}
.bottom_inp input {
  line-height: 0.65rem;
  height: 100%;
  width: 100%;
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  width: 5.64rem;
  height: 0.65rem;
  background: #f3f3f3;
  color: #979797;
  border-radius: 0.33rem;
  padding-left: 0.4rem;
  outline: none;
  -webkit-appearance: none;
  /*去除系统默认的样式*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.bottom_inp span {
  font-size: 0.26rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #757575;
  display: inline-block;
  padding-right: 0.47rem;
  padding-left: 0.4rem;
  line-height: 0.65rem;
}
.bottom_inp img {
  width: 0.4rem;
  height: 0.35rem;
  cursor: pointer;
  margin-right: 0.4rem;
}
.bor-bt {
  border-bottom: 2px solid #e8e8e8;
}
.dianzan {
  width: 0.3rem;
}
.person_dz {
  padding-right: 0.35rem;
}
.inputmask {
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 300;
}
.showcomlist {
  margin-bottom: 0 !important;
  transition: all 0.3s;
}
.contain_article {
  background-color: #fff;
  padding: 0 0.36rem;
  padding-top: 0.4rem;
  width: 100vw;
  overflow-x: hidden;
}
.contain_article > p,
.contain_article > section {
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #242424;
  line-height: 0.48rem;
  margin-top: 0.38rem;
  letter-spacing: 0.03rem;
  text-align: justify;
  word-break: break-word;
}
.contain_article > p > i,
.contain_article > section > i {
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #242424;
  line-height: 0.48rem;
  margin-top: 0.34rem;
  letter-spacing: 0.03rem;
  text-align: justify;
  word-break: break-word;
}
.contain_article > p > p,
.contain_article > section > p {
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #242424;
  line-height: 0.48rem;
  margin-top: 0.34rem;
  letter-spacing: 0.03rem;
  text-align: justify;
}
.contain_article .pgc-img-caption {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 0.12rem;
}
.contain_article .pgc-image {
  width: 100%;
}
.contain_article .pgc-image .pgc-img-wrapper {
  width: 100%;
}
.contain_article span {
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #242424;
  line-height: 0.48rem;
  margin-top: 0.34rem;
  letter-spacing: 0.03rem;
}
.contain_article .first_img {
  margin-top: 0.77rem;
}
.contain_article .first_img > img {
  width: 100%;
  height: auto;
}
.contain_article .center_text {
  margin-top: 0.25rem;
  margin-bottom: 0.35rem;
}
.contain_article .sencond_img > img {
  width: 100%;
  height: auto;
}
.contain_article .bottom_text {
  margin-top: 0.25rem;
  margin-bottom: 0.78rem;
}
.player-wrap {
  width: 100%;
  height: auto;
  margin-top: 0.38rem;
}
.player-wrap > video {
  width: 100%;
  object-fit: fill;
}
.showLikeGift {
  width: 7.5rem;
  height: 7.5rem;
  position: fixed;
  left: 0;
  top: 20%;
  z-index: 999999999;
}
.Toast {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 0.15rem 0.3rem;
  border-radius: 0.1rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  z-index: 9999999999999999999;
}
.cus-swiper {
  position: relative;
}
.cus-swiper .swiperElement {
  width: 0.96rem;
  height: 0.52rem;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.26rem;
  right: 0.06rem;
  bottom: 0.22rem;
  text-align: center;
  position: absolute;
  z-index: 2;
  line-height: 0.38rem;
}
.cus-swiper .swiperElement > span {
  font-size: 0.28rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #ffffff;
}
.bottom_zhanshi {
  padding: 0.32rem 0;
  font-size: 0.28rem;
  font-family: PingFang SC;
  font-weight: 500;
  color: #757575;
  border: none;
}
body {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
blockquote > p {
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #242424;
  line-height: 0.48rem;
  margin-top: 0.44rem;
  letter-spacing: 0.03rem;
  text-align: justify;
  word-break: break-word;
  font-weight: 550;
  position: relative;
  padding-left: 0.35rem;
}
blockquote > p::after {
  position: absolute;
  left: 0;
  top: 50%;
  content: " ";
  transform: translateY(-50%);
  background-color: #ff0000;
  width: 0.15rem;
  height: 0.6rem;
}
h1 {
  font-size: 0.34rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #242424;
  line-height: 0.48rem;
  margin-top: 0.34rem;
  letter-spacing: 0.03rem;
  text-align: justify;
  word-break: break-word;
}
h1 > u {
  font-size: 0.34rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #242424;
  line-height: 0.48rem;
  margin-top: 0.34rem;
  letter-spacing: 0.03rem;
  text-align: justify;
  word-break: break-word;
  text-decoration: none;
}
b {
  font-size: 0.3rem;
  font-family: PingFang SC;
  font-weight: 400;
  color: #242424;
  line-height: 0.48rem;
  margin-top: 0.34rem;
  letter-spacing: 0.03rem;
  text-align: justify;
  word-break: break-word;
  font-weight: 600;
}
h2 {
  font-size: 0.32rem;
  margin-top: 0.3rem;
}
h3 {
  font-size: 0.3rem;
  margin-top: 0.3rem;
}
h4 {
  font-size: 0.3rem;
  margin-top: 0.3rem;
  line-height: 0.48rem;
  margin: 0;
}
h5 {
  font-size: 0.26rem;
  margin-top: 0.36rem;
  color: #757575;
}
.fixedBug {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
}
h6 {
  font-size: 0.26rem;
  color: #757575;
  margin-top: 0.36rem;
}
